<template>
    <div id="header">
        <router-link to="/Kind">
            <input type="text">
        </router-link>
        <router-link to="/second/ShoppingCar">
            <span class="fa fa-shopping-cart"></span>
        </router-link>
        <span class="fa fa-search">搜索</span>
    </div>
</template>

<script>
export default{

}
</script>

<style scoped>
    #header{
        width: 100%;
        height: 44px;
        padding: 7px 6px;
        background-color: red;
    }
    input{
        width: 87%;
        height: 30px;
        margin-right: 5px;
    }
    span{
        font-size: 25px;
        color: white;
        position: relative;
        top: 3px;
    }
    .fa-search{
        position: absolute;
        left: 40%;
        top: 15px;
        color: black;
        font-size: 16px;
    }
</style>